.vip{
  .headPic{
    width: 100%;
    height: 8rem;
  }
  ul{
    li{
      position: relative;
      display: table;
      list-style: none;
      width:95%;
      height: 2.5rem;
      border-bottom: 1px solid #E5E5E5;
      margin: 0 auto;
      .pointsHead{
        height: 2.5rem;
        line-height: 2.5rem;
        color: #333333;
        .style{
          float: right;
          margin-right: 5%;
          .fz14;
          .pointsHeadIcon{
            width: .8rem;
            height: .8rem;
          }
        }
        .points{
          float: left;
          margin-top: .5rem;
          width: 45%;
          height: 1.5rem;
          line-height: 1.5rem;
          font-size: .7rem;
          text-align: center;
          border: 1px solid #666666;
          border-radius: .75rem;
          .pointsNum{
            color:#FF0000;
          }
        }
       }
      .vipListItem{
        margin-top: .3rem;
        .p1{
          .fz14;
          color: #333333;

        }
        .p2{
          .fz12;
          color: #999999;
        }
        .bottomIcon{
          position:absolute;
          top: 1.2rem;
          right: .6rem;
          transform: rotate(-90deg);
          &.top{
            transform: rotate(90deg);
          }
        }

      }
      .description{
        margin: .3rem 0;
        .fz12;
        color: #000000;
      }
    }
  }
}